<template>
    <div></div>
</template>

<script>
    export default {
        name: "EdConfirmDelete",
        mounted(){

        },
        methods: {
            open(title, message, type) {
                // this.$confirm('是否执行此操作?', '操作确认', {
                //     confirmButtonText: '确 定',
                //     cancelButtonText: '取 消',
                //     type: 'warning',
                //     customClass:"customClassNew",
                // }).then(() => {
                this.$confirm(message, title, {
                    confirmButtonText: '确 定',
                    cancelButtonText: '取 消',
                    dangerouslyUseHTMLString:true,
                    type: type,
                    customClass:"customClassNew",
                    closeOnClickModal: false
                }).then(() => {
                    this.$emit("confirmDeleteTrue",true);
                }).catch(() => {
                    this.$message.info({
                        message: "取消操作",
                        duration: 2000,
                        center:true
                    });
                });
            }
        }
    }
</script>

<style lang="scss">
.customClassNew{
    padding-bottom: 0;
    min-width: 480px;
    border-radius: 8px;
    .el-message-box__header{
        padding: 15px 24px 10px 24px;
        .el-message-box__title{
            font-size: 18px;
            line-height: 26px;
            color: #303133;
        }
    }
    .el-message-box__content{
        padding: 20px 42px;
        .el-message-box__status{
            /*top: 30%;*/
            color: #EED096;
        }
        .el-message-box__message{
            font-size: 14px;
            line-height: 18px;
            color: #1E1E1E;
        }
    }
    .el-message-box__btns{
        padding: 8px 16px 16px 16px;
        .el-button{
            padding: 8px 20px;
            font-size: 14px;
            line-height: 22px;
            border-radius: 8px;
        }
        .el-button--default{
            color: #4C4E53;
            border-color: #4C4E53;
            background: #ffffff;
            &:hover,
            &:focus {
                color: #4C4E53;
                border-color: #4C4E53;
                background-color: #ffffff;
            }
        }
        .el-button--primary{
            color: #ffffff !important;
            background: #414448 !important;
            border: 1px solid #414448 !important;
            &:hover,
            &:focus {
                color: #ffffff !important;
                border-color: #414448 !important;
                background-color: #414448 !important;
            }
        }
    }
    .el-message-box__btns button:nth-child(2){
        margin-left: 8px;
    }
}
</style>